<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>销售排行</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <link rel="stylesheet" href="../../b2c/lib/js/weui/jquery-weui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <script src="../../b2c/lib/js/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css样式-->
    <link rel="stylesheet" href="../../b2c/css/squadron/Sales_rank.css">
</head>
<body style="background-color:#fff">
    <div id="rank">
        <!--销售排行列表-->
        <ul class="salesRank_list" v-show="salesRankInfo.length!=0">
            <li class="wo" v-for="(item,index) in salesRankInfo">
                <div class="sales_level">
                    <span  class="height" v-if="item.rank===1" v-bind:class="{jinpai:item.rank===1}"></span>
                    <span  class="height" v-if="item.rank===2" v-bind:class="{yinpai:item.rank===2}"></span>
                    <span  class="height" v-if="item.rank===3" v-bind:class="{tongpai:item.rank===3}"></span>
                    <span  class="low" v-if="item.rank>3">{{item.rank}}</span>

                </div>
                <div class="avatar">
                    <img src="../../b2c/images/squadron/logo_80.png" alt="" v-if="item.picture==''">
                    <img v-bind:src="item.picture" alt="" v-if="item.picture!=''">
                    <img class='me' src="../../b2c/images/squadron/wo@2x.png" alt="" v-show="index===0&&userId==item.userId">
                </div>
                <div class="perInfo">
                    <p class="name" v-cloak>{{item.nickName}}</p>
                    <!--<p class="squadron_address"></p>-->
                </div>
                <div class="sales_amount">
                    <p v-cloak>&yen;{{item.sales | price}}</p>
                </div>
                <p class="clearfix"></p>
            </li>

        </ul>
        <div class="weui-infinite-scroll-box">
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader"></div>
                正在加载...
            </div>
        </div>
        <div class="nodata" v-show="salesRankInfo.length==0" style="overflow:hidden">
            <img src="../../b2c/images/squadron/noshuju.png" alt="" style="margin:3rem auto">
        </div>
    </div>

</body>
<script src="../../b2c/lib/js/ui.js"></script>
<script src="../../b2c/js/squadron/rank.js"></script>
</html>